<template>
    <view class='question-index-containter'>
        <block>
            <view @tap="toService(2)" class='question-item-containter'>
                <view class="title">
                    <view class="red-point"></view>
                    <view class="ask">希尔顿酒店服务协议</view>
                </view>
                <view class="list-item-arrow">></view>
            </view>
            <view @tap="toService(1)" class='question-item-containter'>
                <view class="title">
                    <view class="red-point"></view>
                    <view class="ask">希尔顿酒店隐私协议</view>
                </view>
                <view class="list-item-arrow">></view>
            </view>
        </block>
    </view>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    mounted() {
    },
    onLoad() {
    },
    methods: {
        //加载完成
        onLoad(params) {
        },
        toService(type) {
            uni.navigateTo({
                url: '/subPage/questions/services?agreement=' + type,
            })
        }
    }
}
</script>

<style>
.question-index-containter {
    position: relative;
    width: 100%;
    height: 100%;
}

.question-item-containter {
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    height: 120rpx;
    line-height: 120rpx;
    padding: 0 20rpx;
    border-bottom: 1rpx solid #f1f1f1;
}

.title {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    width: 90%;
}

.red-point {
    width: 14rpx;
    height: 14rpx;
    border-radius: 50%;
    background-color: red;
    margin-right: 20rpx;
}

.ask {
    font-size: 30rpx;
    color: rgba(51, 51, 51, 1);
    line-height: 36rpx;
    text-align: left;
    max-width: 94%;
}

.answer {
    font-size: 24rpx;
    color: rgba(102, 102, 102, 1);
    line-height: 40rpx;
    width: 86%;
    margin: 20rpx 0 0 4%;
    text-align: left;
}
</style>